@use 'sass:map';

.map-toolbar {
  position: absolute;
  top: 8px;
  left: 4px;
  background-color: $color-white;
  border-radius: map.get($border-radius, 'base');
  padding: 2px 0 2px 8px;
  color: $MapToolbarUnActiveIconColor;

  & > :global(.el-space__item > .el-button.el-button--default) {
    color: $MapToolbarUnActiveIconColor;
  }

  & > :global(.el-space__item > .el-button.el-button--primary) {
    background-color: $MapToolbarIconColor;
    color: $color-white;
  }

  & > :global(.el-space__item > .el-button .el-icon) {
    // padding: 14px 2px;
    // color: $MapToolbarIconColor;
    font-size: map.get($font-size, 'base') * 2;
  }
}
